@charset "utf-8";
body{ font-family:Arial,"Microsoft YaHei"; font-size:16px; line-height:24px; color:#5d5d5d;}
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
a{ color:inherit; text-decoration:none; transition: all 0.3s ease 0s;}
a:hover{ color:#f99300;}
input,button{
    border: none;
    outline: none;
}

.mobile_daohang{ display:none;}
.tbottom{ display:none;}
.bottomNav{ display:none;}
.htmleaf-container_wap{ display:none;}
#banner{ display:none;}

.df{}
.df1{ display:none;}


.wrap{ width:1200px; margin:0 auto;}
.flex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.fl{ float:left;}
.fr{ float:right;}


/* 首页 */
.head{ width:84%;padding: 0 8%;margin:0 auto; clear:both;position: fixed;background-color: white;z-index: 5;}
.logo{ margin-top:20px; padding-bottom:30px;}


.navbox{ float:right;width:800px;  }
.nav{width:800px; float:right;height:40px; list-style:none;}
.nav li{float:left;height:40px;position:relative; list-style:none;}
.nav li.last{background:none;}
.nav li a{text-decoration:none;}
.nav li a span{float:left;display:block;line-height:40px;font-size:19px;color:#000;cursor:pointer; padding-left:33px; padding-right:20px; text-align:center; }
.mj_hover_menu{text-decoration:none;  height:40px;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:40px;left:-9px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}


.mj_menu_pro_li{ float:left;}
.mj_menu_li_txt{line-height:30px; font-size:15px; color:#696969; width:120px;}
.mj_menu_li_txt font{font-size:15px; color:#bb1721;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;}
.mj_menu_li_txt a:hover{color:#696969; text-decoration:underline;}

.mj_menu_news_bg{width:510px; height:155px; padding-top:17px; background:#fff;  box-shadow: 0px 10px 10px #d8d8d8;}
.mj_menu_news_main{width:auto; margin:auto; padding-top:12px;}
.mj_menu_news_li{padding:0px 30px; margin-right:30px; height:110px; float:left; border-right:solid 1px #ececec; }
.mj_menu_news_img{float:left; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}

.mj_menu_news_li2{padding:0px 30px; height:110px; float:right; border-left:solid 1px #ececec; }
.mj_menu_news_img2{float:left; margin-left:30px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}

.ddd{ background:url(/Html/images/dd.png) no-repeat right center; float:right;}
.ddd1{ background:url(/Html/images/dd.png) no-repeat right center; float:right}


.en{ width:30px; height:30px; margin:35px 20px 15px 20px;position:relative; font-size:14px; text-align:center; float:right; background:#cac9c9;border-radius:25px; line-height:30px; color:#FFFFFF }
.en a{  color:#FFFFFF }
.en:hover{  color:#FFFFFF; background:#f99300 }

.weixin{ width:30px; height:30px; margin:35px 0px 15px 0px;position:relative; font-size:14px; text-align:center; float:right }
.weixin a{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(/Html/images/weixin.png) no-repeat center top; }
.weixin .weixin_nr{width:74; height:100px; padding:10px; background:#fff; text-align:center; position:absolute; left:-35px; top:45px; display:none; z-index:500;border:#ededed solid 1px }
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #CCCCCC;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:40px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(/Html/images/weixin.png) no-repeat left bottom;}



.search { position: relative;  float:right; margin-top:35px; margin-right:20px;}
.search_input {
  height: 28px;
  border: 1px solid #cccccc;
  border-radius:5px;
  font-size: 14px;
  padding: 0 0 0 20px;
  width: 200px;
}
.search_input:focus {
  outline: 0;
  border: 1px solid #0b72b4;
}
.search_button {
  position: absolute;
  width: 60px;
  height: 28px;
  top: 1px;
  right: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background:#cac9c9;
  border-radius: 5px;
   color:#FFFFFF;
  outline: 0;
  border: none;
  cursor:pointer;
}
.search_button:hover {
  background-color: #f99300;
}




.flash{ width:100%; float:left;margin-top: 144px;}






.news{ width:100%; padding:56px 0 40px 0; clear:both; margin-bottom:0px;}
.news_l{ width:31%;}
.news_l h1 {
    color: #f2f1f1;
    text-transform: uppercase;
    font-size: 87px;
	margin:43px 0 0 0;
	transform: scale(1,1.1);
}
.news_l h2 {
    margin: 3px 0 0 8px;
    position: relative;
    font-size: 40px;
	color:#000;
}
.news_l h2 span{ font-weight:normal;}
.news_line{ width:91px; height:2px; background:#dd5928; margin:29px 0 24px 0;}
.news_l p{ font-size:18px; color:#464545; line-height:27px;}

.news ul{ width:58.5%;}
.news ul li{ width:100%; margin:0 0 10px 0; padding:16px 0; position: relative; overflow: hidden;}
.news ul li:hover h3, .news ul li:hover h4, .news ul li:hover h5, .news ul li:hover p{ z-index:0;}
.news ul li:before {
    bottom: 0;
    right: 0;
    border-bottom:3px solid #f7931e;
    border-right:3px solid #f7931e;
}
.news ul li:after, .news ul li:before {
    content: '';
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    transition: all 800ms ease-in-out;
	z-index:-1;
}
.news ul li:after {
    top: 0;
    left: 0;
    border-top:3px solid #f7931e;
    border-left:3px solid #f7931e;
}
.news ul li:hover:after, .news ul li:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
}



.a_more1{ font-size:15px; color:#a8a8a8; padding:3px 30px 3px 30px; margin:10px 0 0px 0; display:inline-block; background:#fff;
  border: 1px solid #a8a8a8; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more1:before {  
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f7931e;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more1:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more1:hover{ color:#fff;border: 1px solid #fff;}










.section11{width:100%!important; float:left; background:#f7f7f7; padding-top:50px; padding-bottom:80px; clear:both}

.section11 h2 {
    margin: 20px 0 20px 0px; text-align:center; width:100%;
    font-size: 40px; font-weight:normal;
	color:#000;
}
.section11 h2  p{ font-size:18px; color:#878787; line-height:70px; font-weight:normal}


.box-accordion { width:1200px; margin:auto;
    display: flex;
}
.box-accordion .accordion-item {flex: 1;min-width: 10px;height: 326px;
							display: flex;
							color: #fff;
							background-size: cover;
							background-position: center center ;
							background-repeat: no-repeat;
							position: relative; -moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border: 0px solid #fff;
margin-left: 5px;
margin-right: 5px;
}
						
.accordion-item:hover { min-width:400px;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.accordion-title{ font-size:16px; font-weight:bold; box-sizing:border-box; -webkit-transition: all 0.3s ;
										-o-transition: all 0.3s;
										transition: all 0.3s ; }
.asdf3{width:100%; height:50px; box-sizing:border-box;display:flex;text-align: center;align-items: center;justify-content: center;flex-direction: column;align-self: flex-end;-webkit-transition: all 0.3s ease ;
										-o-transition: all 0.3s ease ;
										transition: all 0.3s ease ; }
.pitembg1{ background-color:rgba(249,117,0,0.9)}
.pitembg2{ background-color:rgba(249,117,0,0.9)}
.pitembg3{ background-color:rgba(249,117,0,0.9)}
.pitembg4{ background-color:rgba(249,117,0,0.9)}
.pitembg5{ background-color:rgba(154,204,51,0.8)}
.pitembg6{ background-color:rgba(190,221,76,0.8)}
.pitembg7{ background-color:rgba(78,105,2,0.8)}

.accordion-list{  width:100%;-webkit-transition: all 0.3s ease 0.3s;
										-o-transition: all 0.3s ease 0.3s;
										transition: all 0.3s ease 0.3s; opacity:0;position: absolute;}
.accordion-list p{ line-height:30px;}										
.accordion-item:hover .accordion-list {  opacity:1;position: relative; margin-top:20px;}	
.accordion-item:hover .accordion-title { transform:rotate(0); font-size:30px; }	
.accordion-item:hover .asdf3 { height:100%;}			
						
						
	
.pbgi1 { background-image: url(/Html/images/pbg1.jpg);}
.pbgi2 { background-image: url(/Html/images/pbg2.jpg);}
.pbgi3 { background-image: url(/Html/images/pbg3.jpg);}
.pbgi4 { background-image: url(/Html/images/pbg4.jpg);}
.pbgi5 { background-image: url(/Html/images/pbg5.jpg);}
.pbgi6 { background-image: url(/Html/images/pbg6.jpg);}
.pbgi7 { background-image: url(/Html/images/pbg7.jpg);}
					







.product{ width:100%;  float:left; padding-top:70px;}
.product h2 { background:url(/Html/images/xx.png) no-repeat center;
    margin: 20px 0 70px 0px; text-align:center; width:100%;
    font-size: 40px; font-weight:normal;
	color:#000;
}





.imglist1 ul li:nth-child(4){float:right; }
.imglist1 ul li:nth-child(2){float:left; padding-left:38px; padding-right:38px; }

.imglist1 ul li{float:left; width:271px;border-radius:5px; margin-bottom:25px; }
.imglist1 ul li img{max-width:271px; height:222px;}
.imglist1 ul li span{width:271px; line-height:65px; color:#212121;  font-size:20px; float:left }

.case img{max-width:271px!important; height:286px!important;}


.a_more{ font-size:15px; color:#f7931e; padding:3px 30px 3px 30px; margin:10px 0 28px 0; display:inline-block; background:#fff;
  border: 1px solid #f7931e; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f7931e;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}







.imglistz ul li{float:left; width:261px;margin-bottom:10px; padding-left:10px; padding-right:10px;}
.imglistz ul li img{max-width:261px; height:252px;border-radius:10px; }




.n_left{ width:14%; text-align:center;}
.n_left h3{ font-size:40px; color:#959595; margin: 9px 0 0 0; font-weight:normal;}
.date_line{ width:57px; height:1px; background:#c5c5c5; margin:14px auto 5px auto;}
.n_left h4{ font-size:16px; color:#959595; margin:0; font-weight:normal;}
.n_right{ width:83%; margin-right:2%;}
.n_right h5{ font-size:18px; color:#000000; font-weight:normal; margin:0 0 7px 0; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_right p{ font-size:14px; color:#686868;}


.foot{ width:100%; background:#f99300; padding:50px 0 50px 0; clear:both; color:#FFFFFF;}
.foot a{
    transition: all 500ms ease;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 1px no-repeat;
	padding-bottom:5px;
}
.foot a:hover{ color:#FFFFFF; background-size: 100% 1px;}

.foot_1{ width:33%;}
.f_logo{ margin:0 0 25px 0;}
.foot_1 p{ font-size:15px; line-height:26px;}

.foot_2{ width:65%; margin:25px 0% 0 0;}
.f2_r{ width:100%; font-size:15px; line-height:30px;}
.f2_r h3{ font-size:20px; font-weight:normal; margin:2px 0 7px 0;}
.foot_2:hover .f2_l img{
  -webkit-animation: tada 1s linear infinite;
          animation: tada 1s linear infinite;
}


.foot1{ width:100%; background:#e88900; float:left; padding:28px 0 28px 0; clear:both; color:#FFFFFF;}

a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;}
a.zzb07link:hover {text-decoration: underline;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;}



.ewm{ float:right}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}




/* 内页 */
.f_about{ background:url(/Html/images/f_about.jpg) no-repeat bottom center; width:100%; height:444px;}
.f_pro{ background:url(/Html/images/f_pro.jpg) no-repeat bottom center; width:100%; height:444px;}
.f_qms{ background:url(/Html/images/f_qms.jpg) no-repeat bottom center; width:100%; height:444px;}
.f_news{ background:url(/Html/images/f_news.jpg) no-repeat bottom center; width:100%; height:444px;}
.f_con{ background:url(/Html/images/f_con.jpg) no-repeat bottom center; width:100%; height:444px;}
.f_ehs{ background:url(/Html/images/f_lab.jpg) no-repeat bottom center; width:100%; height:444px;}
.f_ssb{ background:url(/Html/images/f_core.jpg) no-repeat bottom center; width:100%; height:444px;}


.location{ width:100%; padding:12px 0; clear:both; border-bottom:solid 1px #eee; font-size:15px;}
.location span{ color:#f99300;}


.inside{ width:100%; padding:50px 0 70px 0; clear:both; background:#fff; line-height:30px;}
.inside h1 {
  font-size: 36px;
  color: #000;
  position: relative;
  text-align:center;
  z-index:0;
  margin:0 auto;
  letter-spacing:2px;
  display:table;
}
.inside h1:after {
  content: "";
  height: 8px;
  position: absolute;
  bottom: -3px;
  right: 0;
  left: 0px;
  z-index: -1;
  background: #f99300;
  width: 65%;
  margin: 0 auto;
}
.inside h5{ font-weight:normal; font-size:18px; text-align:center; margin:20px 0 40px 0; color:#b1b1b1;}
.inside h5 span{ color:#f99300;}


.core_h{ height:90px;}


/* 翻页 */
.contentPage { color: #f99300; text-align:center; padding-top:30px; clear:both;}
.contentPage .zi { font-size:15px; float:none!important;}
.contentPage a { color: #f99300;  margin:0px 3px; padding:4px 7px; border: 1px solid #f99300;}
.contentPage a:hover { color:#FFF; background-color:#f99300;}
.contentPage .current { font-size: 12px; margin:0px 3px; padding:4px 7px;}


.page_in{ width:96%; background:#f8f8f8; padding:15px 2%; border-radius: 8px; margin:50px 0 0 0; display:inline-block;}
.page_in ul li{ width:42%; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.page_in ul li:nth-child(2){ width:5%; text-align:center; color:#f99300;}
.page_in ul li:last-child{ text-align:right;}


/* 产品 */
.pro_in{ width:100%;}
.pro_in ul li { padding:15px; border-radius: 5px; background:#fff; align-items: center; transition: all 0.6s ease 0s; margin:0 0 30px 0; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.pro_in ul li:last-child{ margin:0 0 0px 0;}
.pro_in ul li:hover{
  transform: translateY(-10px);
  
}
.pro_in ul li:hover .p_pic img{ transform:scale(1.1);}
.pro_in ul li:hover .p_detail h3{ color:#f99300;}
.p_pic{ width:24%; height:165px; overflow:hidden; border-radius: 5px;}
.p_pic img{ width:100%; height:100%; object-fit: cover; transition: all 0.6s ease 0s;}
.p_detail{ width:55%;}
.p_detail h3{ font-size:17px; color:#1B1B1B; margin:0 0 10px 0; font-weight:600;}
.p_detail p{ color:#7c7770;}
.p_right{ width:12%; border-left: 2px solid #eee; padding: 20px 0;}
.p_more {
    background-color: #f99300;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    clip-path: polygon(0% 0, 100% 5%, 100% 95%, 0% 100%);
	display:block;
	margin:0 auto;
	font-size:24px;
}
.p_more:hover{ color:#fff;
  -webkit-animation: bounce .5s linear 1;
          animation: bounce .5s linear 1;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}


/*----内页---*/


.wenzi{text-align:center; margin:0 auto;}
.wenzi h2{ font-size:35px!important; font-weight:normal; color:#2c2c2c;  padding-bottom:25px;  background:url(/Html/images/pro.png) no-repeat top center; padding-top:20px; }
.wenzi h4{ font-size:32px!important; color:#000; font-weight:bold}
.wenzi h3{ font-size:17px!important;color:#7a7a7a; margin-top:10px; padding-bottom:20px;display:none;}
.wenzi .wline{ background:#0a8de9; height:3px; width:120px; margin:0 auto; margin-top:0px; margin-bottom:30px;}


.zzzzz1{ color:#FFFFFF}

.nymain{ width:1200px; margin:0 auto; padding-top:40px; padding-bottom:30px;}

.neirong{ padding-top:20px; line-height:27px;  padding-bottom:60px; float:left; width:100%;}


.neirong2{ width:94%; float:left; border:#f2f2f2 solid 1px; padding:3%; margin-bottom:35px;line-height:35px; font-size:18px; box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1);border-radius:10px; }
.neirong2 img{ max-width:100%; height:auto}

.why{ width:100%; float:left; background:#0949b3;line-height:45px; text-align:center; font-size:20px; color:#FFFFFF; padding-top:70px; padding-bottom:70px; margin-top:0px;}
.why h3{font-size:45px!important; color:#FFFFFF; padding-bottom:20px; font-weight:900}


.timme{ font-size:14px; color:#8f8f8f; text-align:center}


.n2 { width:1200px; margin:auto; border-top:#e8e8e8 solid 1px; clear:both; padding-top:30px;}
.n2 ul{ width:1200px;float:left; padding-top:20px; padding-bottom:30px; }
.n2 li{ width:550px; border-bottom:#e8e8e8 solid 1px; margin-right:50px;  float:left; height:80px;  margin-bottom:20px; padding-bottom:15px;}

.n2_1{ float:left; width:100px; height:60px; margin-right:15px; border-right:#e8e8e8 solid 1px; text-align:center; font-size:16px; color:#bbbbbb; line-height:35px; font-family:Arial, Helvetica, sans-serif;}
.n2_1 h7{ font-size:40px;color:#bbbbbb}

.n2_2{ float:right; width:430px; color:#979797;}
.n2_2 h4{ font-weight:normal; font-size:16px; color:#000; padding-bottom:8px;}
.n2_2 h4 a{ color:#000;}
.n2_2 h4 a:hover{ color:#0949b3;}


.m21{background:#959595;width:100px; margin-left:0px; line-height:30px; float:left;color:#FFFFFF; text-align:center; margin-top:10px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:30px; height:30px;  color: #fff;}

.m21 a{border-radius:0px; width:100px;line-height:30px; float:left; color:#FFFFFF;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:30px; height:30px;  color: #fff;}
.m21 a:hover{ 
	background:#959595\9;color: #fff;}
	
.m21:after{content:'';position:absolute;height:100%;width:0;background:#f99300;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m21:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}



.ab111{ float:left; width:100%; padding-top:10px; padding-bottom:35px; margin-bottom:0px;}

.ab111 ul{overflow:hidden; padding-left:20%}
.ab111 ul li{display:block;float:left;}
.ab111 ul li a{float:left;text-align:center!important;line-height:40px; font-size:17px;  width:100%;}
.ab111 ul li a:hover{   float:left;}


.zz1{  color:#FFFFFF;background:#c2020c; width:16% ; line-height:40px; margin-left:2%; border-radius:5px;  }
.zz1 a{color:#FFFFFF ; }
.zz2{color:#fff;background:#f99300;  width:16% ;  line-height:40px; margin-left:2%; border-radius:5px;}
.zz2 a{color:#fff ; }


.ab1116{ float:left; width:100%; padding-top:10px; padding-bottom:35px; margin-bottom:0px;}

.ab1116 ul{overflow:hidden; padding-left:38%}
.ab1116 ul li{display:block;float:left;}
.ab1116 ul li a{float:left;text-align:center!important;line-height:40px; font-size:17px;  width:100%;}
.ab1116 ul li a:hover{   float:left;}



/* 简介 */
.inside_l{ width:20%; padding-top:45px; padding-bottom:50px; padding-left:2%;  padding-right:2%;float:left; background:#EBEBEB; border-radius: 10px;}
.inside_l h3 {
    font-size:30px; width:100%!important;
	color: #000;
    margin: 5px 0 30px 0; text-transform:uppercase; font-weight:normal;
	text-align: center!important;
}
.inside_l ul li a{
    border-radius: 20px;
    width: 83%;
    padding: 8px 8%;
    background-color: #FFF;
    border: solid 1px #EBEBEB;
	margin:0 0 10px 0;
	display: inline-block;
	text-align: center;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.inside_l ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px;
  background:linear-gradient(90deg,#f99300,#ffb244);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.inside_l ul li a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.inside_l ul li a:hover {
  color: #fff;
}

.zz11 a{ color:#FFFFFF; background:linear-gradient(90deg,#f99300,#ffb244);}


.inside_r{ width:68%; float:right; line-height:30px; box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1); padding:48px 3% 30px 3%;border-radius: 10px; margin-bottom:70px;}

.inside_r h3{ width:100%; font-size:30px; color:#000000; padding-bottom:25px; font-weight:normal!important;}


.xxx{}
.xxx img{ height:auto!important; width:auto!important;  max-width:100%!important;  }




.clearfix{ clear:both}
.contact_1_3{ width:100%;}
.contact_1_3_left{width:47%; height:auto; float:left; margin-right:3% }
.contact_1_3_left ul li strong{ color:#f99300; font-size:20px;font-weight:bold;}
.contact_1_3_left ul li p{ line-height:30px; margin-bottom:10px;}
.contact_1_3_left ul li:nth-child(2n){ float:right}
.contact_1_3_left ul li{
padding:8% 5% 5% 5%; border:1px #f0f0f0 solid; height:auto; color:#666; box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); width:90%; float:left; height:auto;}

.map{width:50%!important; float:right; }

/*图片*/



.imglist3 ul li{text-align:center;float:left;display:inline;width:20%;overflow:hidden;background:#fff; border:1px dotted #d3d3d3; padding:1.1%; border-radius:5px; margin-bottom:25px; margin-left:1.1%; margin-right:1.1%}
.imglist3 ul li img{background:#FFF; max-width:100%; height:180px; max-height:100%;border:0px dotted #d3d3d3!important;}
.imglist3 ul li span{line-height:27px;display:block; color:#555; text-align:center; font-size:15px;}



.imglist12 ul li{text-align:center;float:left;display:inline;width:27%;overflow:hidden;background:#fff; border:1px dotted #d3d3d3; padding:1.5%; border-radius:5px; margin-bottom:25px; margin-left:1.5%; margin-right:1.5%}
.imglist12 ul li img{background:#FFF; max-width:100%; height:180px; max-height:100%;border:0px dotted #d3d3d3!important;}
.imglist12 ul li span{line-height:27px;display:block; color:#555; text-align:center; font-size:15px;}

.zu11{width:40%!important; height:240px!important; vertical-align: middle!important;border:0px dotted #d3d3d3!important;
display:table-cell!important; overflow:hidden;}
.zu11 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;object-fit: cover;}
.zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}



.imglist2 ul li{float:left;display:inline;width:100%;  border-bottom:1px dotted #d3d3d3;  margin-bottom:25px; padding-bottom:25px;}
.imglist2 ul li img{ max-width:250px; max-height:200px; float:left; margin-right:20px;}
.vp{ width:500px; float:right;}
.vp h4{ width:100%; float:left; font-size:22px; color:#000000; padding-bottom:15px;}





.xt1 ul li{float:left;display:inline;width:33%; }




.ggmain{ width:1200px; margin:auto; }


.detaildiv1
{ width:500px;float:right;  font-size:17px; line-height:30px;margin-top:30px; margin-bottom:50px;
}
.detaildiv
{ width:600px; height:auto;  float:left;  font-size:16px; line-height:27px; margin-top:30px;  border-right:#ededed solid 1px;
}
.detaildiv h3
{ font-size:35px; color:#000000;
    font-weight:normal; padding-bottom:20px;
}
.detaildiv h4
{font-size: 25px;
color:#015198; margin-bottom: 20px;
}




.cbc{ color:#000000; text-decoration:underline; float:left; width:510px;}
.cbc1{float:left; width:510px;}

.mm11 {
	line-height: 35px; float:left;

	text-align: center;
	width:150px;
	margin-top: 0px; font-style:normal; margin-right:10px;
} 

.mm11 a{ margin-bottom:20px;
	line-height: 35px; float:left;
	color: #fff;
	background:#b1b1b1;
	text-align: center;
	width:150px;
font-style:normal; margin-right:500px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
} 

.mm11 a:hover{
	line-height: 35px; float:left;
	color: #fff;
	background:#015198;
	text-align: center;
	width:150px;
 font-style:normal; margin-right:500px; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s; transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);} 





.pnpage{ width:100%; float:left; padding-bottom:0px; padding-top:40px; margin-top:20px; border-top:#e4e4e4 solid 1px; font-size:15px;}
.pnpage1{ width:40%; float:left; text-align:left;}
.pnpage2{ width:40%; float:right; text-align:right}
.pnpage3{ width:20%; float:left; text-align:center;}


/*------------公司---------*/


/*内页人才招聘*/
.job{ background:url(/Html/images/job.jpg) no-repeat top left; width:100%; height:370px; color:#FFFFFF; font-size:15px;font-size:16px}
.job a{ color:#fff;}
.job h4{ font-size:45px; font-weight:normal; padding-top:50px; line-height:80px; padding-bottom:15px; margin:0px;}
.job h4 span{ font-size:20px;  font-weight:normal; }

.jobt-t{ font-size:20px; font-weight:bold; color:#f99300; margin-bottom:30px; width:100%; }
.jobt-list li { overflow:hidden; margin-bottom:40px; width:33%; float:left; margin-top:35px; }
.jobt-list li ._num{ float:left; width:80px; font-size:30px; line-height:70px; border:1px solid #f99300; color:#f99300; text-align:center; }
.jobt-list li ._nr{ float:left; width:60%; margin-left:5%}
.jobt-list li ._title{ font-size:18px; font-weight:bold; line-height:22px; margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jobt-list li ._sum{ line-height:20px; height:40px; overflow:hidden; }
.jobt-list li:hover ._num{ background:#f99300; color:#fff;}
.wsjob{ width:60%; float:right; clear:both; padding-right:20px;}





/*悬浮链接*/
.suspension{position:fixed;z-index:555555;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/Html/images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/Html/images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/Html/images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/Html/images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0;}
.suspension .d-qrcode{top:34px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/Html/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/Html/images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(/Html/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




/*内页新闻*/
.ny_news {margin-bottom: 25px;border-bottom: 1px solid #ddd;padding-bottom: 15px;padding-top: 15px; margin-top:10px;}
.ny_news_time {width: 90px;height:50px;background: #f99300;color: #fff;text-align: center;}
.ny_news_time h2 {font-size: 20px;padding-top: 7px; line-height:17px;}
.ny_news_time h3 {font-size: 14px;}
.ny_news_txt {width: 750px;padding-left: 24px;border-left: 1px solid #e6e6e6;margin-left: 21px; line-height:45px;}
.ny_news_txt a{ color:#000; font-size:18px;}
.ny_news_txt p a{ color:#f99300; font-size:15px;}
.ny_news_more {width: 170px;height: 35px;background:#f99300;color:#fff; text-align: center;line-height: 35px;margin-right: 30px; margin-top: 10px;}
.ny_news_txt p {color: #7f7f7f;line-height: 22px;padding-top: 12px;}
.ny_news_more:hover{background:#f99300;color:#fff}
.ny_news_more:hover a{color:#fff;}
.ny_news:hover{background:#f7f7f7}
.ny_news_txt a{ color:#000; font-size:18px;-webkit-transition: padding-left .8s;-moz-transition: padding-left .8s;-o-transition: padding-left .8s;}
.ny_news_txt a:hover{padding-left:0px; color:#f99300}
.fanhui{ width:100%; margin:0 auto; line-height:60px; margin-top:50px; height:60px;}
.fanhui ul li{ float:left; width:33%;background:#f2f2f2; height:60px; line-height:60px; }
.fanhui ul li:nth-child(2n) {background: #e8e8e8; text-align:center}
.fanhui ul li:nth-child(2n) a{ color:#333; text-align:center; }
.fanhui ul li span{padding-left:20px; padding-right:20px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;}
.xiangxi h2{ text-align:center; margin:0 auto; color:#333}
.xiangxi .shijian{ text-align:center; margin:0 auto}



.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #8b8b8b; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #8b8b8b; text-decoration: none;margin:0px 3px; padding:4px 7px; border: 1px solid #8b8b8b; font-weight: normal;}
.contentPage a:visited {color: #8b8b8b; text-decoration: none;  margin:0px 3px; border: 1px solid #8b8b8b; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; text-decoration: none; padding:4px 7px; background-color:#8b8b8b;font-weight:normal;}
.contentPage .current{color:#8b8b8b; text-decoration: none;  margin: 0px; border:0px solid #8b8b8b; padding:4px 7px; font-weight: normal;}
.contentPage .zi{  float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.mobile_lianxi{ display:none}





@media all and (max-width:768px){


	.pc_lianxi{ display:none}
	.pc_dibu{}
	
	.mobile_dibu{ display:block}
	.mobile_lianxi{ display:none; font-size:14px!important}
	.mobile_job{ display:block}
.pc_job{ display:none}
.wsjob{ float:none; padding:0px; width:100%; padding-bottom:20px;}



#menu1{display:none;
}


	.lxma{ font-size:14px!important}
	.mobile_daohang{ display:block}
	.pc_daohang{ display:none}
	body{ font-size:14px!important;}
	.neirong{ font-size:14px;}

.suspension{ display:none}
.suspension-box{ display:none}




#head{ display:none}





/*手机版底部导航*/
.htmleaf-container{ display:none}
#banner{ display:block}
.tbottom{ display:block; height:70px;}
.bottomNav {display:block;
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px;}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:20%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:0.85rem}


.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #f99300;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}



#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	}

.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}
.inital_color { color:#f99300}


/*手机版顶部导航*/
@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#333;font-family:"arial","微软雅黑"}
html{width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;font-size:16px;}
html.ns{overflow:hidden}
.wsneirong img{ width:100%!important; height:auto!important}
body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑"; width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:45px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bd li{ margin:0px; padding:0px; height:10rem; position:relative; overflow:hidden;}
	.focus .bd li img{ width:100%;   object-fit:cover; display:block;min-width:100%!important;  height:110px; }
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.foctit{position:absolute; z-index:111; width:100%; bottom:0;background: rgba(0,0,0,.6); padding-left: 0.7rem; padding-right: 0.7rem; color:#FFF; font-size:0.8rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden; height:40px; line-height:40px; box-sizing:border-box;}
	
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.toubuge{ width:100%; height:50px;}
.main-header {
    height: 50px;box-shadow: 0px 1px 5px #5c4b51;
    /*background: #a10e15;*/
	background: rgba(255,255,255,1.0);
    z-index: 60;
	width:100%;
	position:relative;
		
}
header{	
	height:50px;
	line-height: 50px;
	text-align: center;
    background-color: #fff;
	box-shadow: 0px 1px 5px #9c8e93; margin-bottom:5px;
}

.cd-logo {
    position: absolute;
    top: 8px;
    left: 10px;
   
}

/*.search_open {
display: block;
    width: 30px;
    height: 30px;
background: url(/Html/images/wap_sea.png) no-repeat;
position: absolute;
right:60px;
top:10px;
background-size: auto 25px;
background-position: center center;
}*/
.menu_open {
display: block;
    width: 30px;
    height: 30px;
background: url(/Html/images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:10px;
}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */background:url(/Html/images/wap_close.png) no-repeat;} 
  .animate1{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(-180deg);-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg); /* Opera */} 
#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#f2f2f2;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}

.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px 12px;
background-color:#fff;border-bottom: 1px solid #EBEBEB;}

.shl-n-pic {
    width: 115px;
    min-width: 115px;
    height: 72px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-time {
 font-size:12px;
 color:#00943e;
 margin-top:9px;
 background-image:url(/Html/images/shl-ico-time.png);
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:15px
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}
.loading-more-button {
    width: 6rem;
    height: 2rem;
    line-height: 1.96rem;
    text-align: center;
    font-size: .8rem;
    border: 1px solid #00943e;
border-radius: 5px;
color: #00943e;
    cursor: pointer;
    margin: 0 auto;
}


/*选项卡*/
.tabs {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con{ display:none; background-color:#FFF;}

.tabs li{
float: left;
width: 33.33%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs .thistab{
float: left;
width: 33.33%;
height: 40px;
border-bottom: 1px solid #00943e;
line-height: 40px;
font-size: 0.9rem;
color: #00943e;}

.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0579cb; box-sizing:border-box;}
.home-tit .dtit { font-weight:bold; float:left;}
.home-tit a {

    font-family: Arial;
    font-size: 10px;
    float: right;
    color: #666;
    text-align: right;
    display: block;
    padding-top: 6px;
}

.shl-zj{display: flex;flex-wrap: wrap; background-color:#FFF; box-sizing:border-box;padding: 7px; text-align:center;}
.shl-zjsection {
    width: 50%;
    padding: 5px;box-sizing:border-box;
}
.zjkuang {border: 1px solid #EBEBEB;box-sizing:border-box; padding:6px 6px 12px 6px; border-radius:5px;box-shadow: 0px 0px 5px #E4E4E4;}
.shl-zjpic{width: 4.2rem;
height: 4.2rem;
overflow: hidden;
position: relative; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:0.6rem;}
.shl-zjpic img{width: 100%;
height: 100%; object-fit:cover;}
.zjtit1{ font-size:0.9rem; height:2.6rem;
 line-height:1.3rem; overflow:hidden; margin-top:10px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit2{font-size:0.8rem; height:2rem; line-height:1rem; color:#959595; overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit3{font-size:0.7rem; height:1.4rem; line-height:1.4rem; border-radius:0.7rem; width:4rem; text-align:center; border:1px solid #0a53a3; margin:0 auto; margin-top:10px; color:#0a53a3;}



/*选项卡*/
.tabs2 {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con2{ display:none; background-color:#FFF;}

.tabs2 li{
float: left;
width: 50%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs2 .thistab{
float: left;
width: 50%;
height: 40px;
border-bottom: 1px solid #029d25;
line-height: 40px;
font-size: 0.9rem;
color: #029d25;}


.shl-djt{display: flex;flex-wrap: wrap;box-sizing:border-box;}
.shl-section {
    width: 50%;
    padding: 8px;box-sizing:border-box;
}
.skkk {
    background-color: #fff;
  
}
.shl-djtpic{width: 100%;
height: 110px; border-bottom:1px solid #f2f2f2;
overflow: hidden;
position: relative;}
.shl-djtpic img{width: 100%;
height: 100%; object-fit:cover;}
.shlne {
    padding: 10px;
}
.djtte{ font-size:0.9rem;
 overflow:hidden; text-align:center;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
 
 .djttime {
 font-size:12px;
 color:#969696;
 margin-top:9px;
 background-image:url(/Html/images/shl-ico-time.png);
 background-size:auto 13px;
 background-position: left center;
 background-repeat:no-repeat;
 padding-left:15px; height:15px; line-height:15px;
}

.jigou{ background-color:#FFF;}
.jigouname{ font-size:0.9rem;color: #0a53a3;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical}
.jigoumiaoshu{
	font-size:12px;
 color:#969696;
 margin-top:6px;
  overflow:hidden;
 height:3rem;
 line-height:1rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:3;
 /*显示行数*/-webkit-box-orient:vertical}

.jigou-pic {
    width: 115px;
    min-width: 115px;
    height: 82px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}

.wap_add{ background:url(/Html/images/in_28.jpg) no-repeat left; padding-left:3rem; height:40px; line-height:40px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; overflow:hidden!important }
.wap_tel{ background:url(/Html/images/in_30.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:20px;}
.wap_mail{ background:url(/Html/images/in_32.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:40px;}
.wap_line{ margin-top:0.8rem; margin-bottom:0.8rem; background:#d8d8d8; height:1px; width:100%;}
.foot2-wap { width:100%; margin:0 auto;
    display: block;
    text-align: center;
    padding-top: 1rem;
    font-size: 0.8rem;
	padding-bottom: 1rem;background:#00943e;color:#fff;
}
.foot2-wap a {
    color: #fff;
}

.tit4 {
    width: 100%;
    padding: 15px;
    border-bottom: 
    #EBEBEB 1px solid;
    overflow: hidden; background-color:#FFF; box-sizing:border-box;
}
.tit4 .tout {width: 100%; display:flex;}
.ttpic{ width:4.4rem; min-width:4.4rem; margin-right:10px;}
.ttpic img{ width:100%;}
.tit4 .tout .text { width: 100%;}
.tit4 .tout .text h3 {

    font-size: 1rem;
    font-weight: bold;
    color: 004276;
    line-height: 1.5rem;
	height:1.5rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical;

}
.tit4 .tout .text h3 a { color: #0a53b8;}
.tit4 .tout .text .tex {
	font-size:0.75rem;
    color: #888;
	  line-height: 1rem;
	height:2rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; margin-top:8px; 

}
.tit4 .touj {width: 100%; display:flex; align-items: center; background-color:#f2f2f2;}
.tjzjleft {
    width: 2rem;
	min-width: 2rem;
    text-align: center;
    line-height: 1.1rem;
    padding: 8px 0;
    background:#0a53a3;
    color: #fff; 
     font-size:0.9rem;
    
}
.zjtu{min-width:4.2rem;width: 4.2rem;height: 4.2rem; overflow:hidden; border-radius:50%; margin-right:10px; margin-left: 15px;}
.zjtu img{width: 100%;height: 100%; object-fit: cover; display:block;}
.rszj{ width:100%;}
.rszjtit {
	font-size:0.75rem;
    color: #888;
	  line-height: 1.1rem;
	height:1.1rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; padding-right: 6px;

}





.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.tbottom{ height:70px;}
#BottomNav {
    /*background: #0a53a3 none repeat scroll 0 0;*/
	background: rgba(36,131,61,0.9) none repeat scroll 0 0;
    bottom: 0;
    height: 3em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9;
}
#BottomNav ul li {
    float: left;
   
    text-align: center;
    width: 16.66%; 
}

.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #00943e;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}


#BottomNav ul li a div {
    font-size: 0.7rem; padding-top:0.25rem;padding-bottom:0.4rem; 
}
#BottomNav .yy1 {
    background-image: url(/Html/images/yy1.png);
}
#BottomNav .yy2 {
    background-image: url(/Html/images/yy2.png);
}
#BottomNav .yy3 {
    background-image: url(/Html/images/yy3.png);
}
#BottomNav .yy4 {
    background-image: url(/Html/images/yy4.png);
}
#BottomNav .yy5 {
    background-image: url(/Html/images/yy5.png);
}
.yy6 {
    background: url(/Html/images/yy6.png) no-repeat left;
	    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}

#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
#menu{ position:fixed; width:200px; height:100%;  right:-200px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;}
.menu1{ position:absolute; width:200px; height:100%;  right:-200px; background:#444; color:#fff; z-index:300; display:none;}

#menu li:after , .menu1 li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #222;}
#menu a , .menu1 a{  line-height:45px;  padding:0 20px 0 35px; border:none; display:block;  color:#fff;font-size: 0.8rem;}
/*---
#menu a:after , .menu1 a:after{
	display:block; content:''; position:absolute; 
	right:15px;
	top:50%;
	margin-top:-4px;
	width:6px; height:6px;
	border:2px solid #fff;
	border-width:2px 2px 0 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}---*/
.mshouyeico{background-image: url(/Html/images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}

.main{ max-width:640px; width:100%;}
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}



		.menu_open{ display: block;}
	.menu_close{ display: none; background: url('/Html/images/ico-cha.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
	.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
	.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
	.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
	.menu .menu-li{border-bottom: 1px solid #222;}
	.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
	.menu .twoul{ display: none;}
	.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
	.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}
	
	.menuico_right{ background: url('/Html/images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_down{ background: url('/Html/images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_up{ background: url('/Html/images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
}


@media all and (max-width:640px){



.wrap{ width:100%; margin:0 auto;}
.flex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.fl{ float:left;}
.fr{ float:right;}


/* 首页 */
.head{ display:none;}

.flash{ display:none;}



.news{ width:95%; padding:20px 0 0px 0; clear:both; margin-bottom:0px; margin:auto}
.news_l{ width:100%; float:left}
.news_l h1 {
    color: #f2f1f1;
    text-transform: uppercase;
    font-size: 40px;
	margin:0px 0 0 20px;
	transform: scale(1,1.1);
}
.news_l h2 {
    margin:0px 0 0 20px;
    position: relative;
    font-size: 20px;
	color:#000;
}
.news_l h2 span{ font-weight:normal;}
.news_line{ width:50px; height:2px; background:#dd5928; margin:10px 0 20px 0; margin-left:20px;}
.news_l p{  display:none;}

.news ul{ width:100%;}
.news ul li{ width:100%; margin:0 0 0% 0; padding:1% 0; position: relative; overflow: hidden;}
.news ul li:hover h3, .news ul li:hover h4, .news ul li:hover h5, .news ul li:hover p{ z-index:0;}
.news ul li:before {
    bottom: 0;
    right: 0;
    border-bottom:1px solid #f7931e;
    border-right:1px solid #f7931e;
}
.news ul li:after, .news ul li:before {
    content: '';
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    transition: all 800ms ease-in-out;
	z-index:-1;
}
.news ul li:after {
    top: 0;
    left: 0;
    border-top:1px solid #f7931e;
    border-left:1px solid #f7931e;
}
.news ul li:hover:after, .news ul li:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
}


.n_left{ width:40%; text-align:center;}
.n_left h3{ font-size:30px; color:#959595; margin: 5px 0 0 0; font-weight:normal;}
.date_line{ width:50%; height:1px; background:#c5c5c5; margin:14px auto 5px auto;}
.n_left h4{ font-size:16px; color:#959595; margin:0; font-weight:normal;}
.n_right{ width:60%; margin-right:0%;}
.n_right h5{ font-size:15px; color:#000000; font-weight:normal; margin:0 0 0px 0; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_right p{ font-size:14px; color:#686868;}




.a_more1{ font-size:12px; color:#a8a8a8; padding:1px 10px 1px 10px; margin:5px 0 0px 0; display:inline-block; background:#fff;
  border: 1px solid #a8a8a8; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more1:before {  
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f7931e;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more1:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more1:hover{ color:#fff;border: 1px solid #fff;}










.section11{width:100%!important; float:left; background:#f7f7f7; padding-top:20px; padding-bottom:20px; clear:both; margin-top:15px;}

.section11 h2 {
    margin: 10% 0% 10% 0px; text-align:center; width:80%; margin:auto;
    font-size: 20px; font-weight:normal;
	color:#000; line-height:28px; padding-bottom:15px;
}
.section11 h2  p{ font-size:14px; color:#878787; line-height:18px; font-weight:normal}


.box-accordion { width:100%; margin:auto; 
    display: flex;
}
.box-accordion .accordion-item {flex: 1;min-width:25%;height: 226px;
							display: flex; float:left;
							color: #fff;
							background-size: cover;
							background-position: center center ;
							background-repeat: no-repeat;
							position: relative; -moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border: 0px solid #fff;
margin-left: 0px;
margin-right: 0px;
}
						
.accordion-item:hover { min-width:25%;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.accordion-title{ font-size:14px; font-weight:bold; box-sizing:border-box; -webkit-transition: all 0.3s ;line-height:18px!important; 
										-o-transition: all 0.3s;
										transition: all 0.3s ; }
.asdf3{width:100%; height:50px; box-sizing:border-box;display:flex;text-align: center;align-items: center;justify-content: center;flex-direction: column;align-self: flex-end;-webkit-transition: all 0.3s ease ;
										-o-transition: all 0.3s ease ;
										transition: all 0.3s ease ; }
.pitembg1{ background-color:rgba(249,117,0,0.9)}
.pitembg2{ background-color:rgba(249,117,0,0.9)}
.pitembg3{ background-color:rgba(249,117,0,0.9); font-size:20px; line-height:18px!important; }
.pitembg4{ background-color:rgba(249,117,0,0.9)}
.pitembg5{ background-color:rgba(154,204,51,0.8)}
.pitembg6{ background-color:rgba(190,221,76,0.8)}
.pitembg7{ background-color:rgba(78,105,2,0.8)}

.accordion-list{  width:25%;-webkit-transition: all 0.3s ease 0.3s;
										-o-transition: all 0.3s ease 0.3s;
										transition: all 0.3s ease 0.3s; opacity:0;position: absolute;}
.accordion-list p{display:none;}										
.accordion-item:hover .accordion-list {  opacity:1;position: relative; margin-top:10px;}	
.accordion-item:hover .accordion-title { transform:rotate(0); font-size:20px; line-height:20px!important; font-weight:normal }	
.accordion-item:hover .asdf3 { height:100%;}			
						
.accordion-title a{ color:#FFFFFF}	
						
	
.pbgi1 { background-image: url(/Html/images/pbg1.jpg);}
.pbgi2 { background-image: url(/Html/images/pbg2.jpg);}
.pbgi3 { background-image: url(/Html/images/pbg3.jpg);}
.pbgi4 { background-image: url(/Html/images/pbg4.jpg);}
.pbgi5 { background-image: url(/Html/images/pbg5.jpg);}
.pbgi6 { background-image: url(/Html/images/pbg6.jpg);}
.pbgi7 { background-image: url(/Html/images/pbg7.jpg);}
					







.product{ width:100%;  float:left; padding-top:20px;}
.product h2 { background:url(/Html/images/xx.png) no-repeat center;
    margin: 20px 0 20px 0px; text-align:center; width:100%;
    font-size:30px; font-weight:normal;
	color:#000;
}





.imglist1 ul li:nth-child(4){float:right; }
.imglist1 ul li:nth-child(2){float:left; padding-left:0px; padding-right:0px; }

.imglist1 ul li{float:left; width:40%;border-radius:5px; margin-bottom:25px; margin-left:5%; margin-right:5% }
.imglist1 ul li img{max-width:100%; height:auto;}
.imglist1 ul li span{width:100%; line-height:24px; color:#212121;  font-size:14px; float:left }

.case img{max-width:100%!important; height:auto!important; min-height:100px!important;}


.a_more{ font-size:12px; color:#f7931e; padding:1px 10px 1px 10px; margin:10px 0 0px 0; display:inline-block; background:#fff; line-height:18px;
  border: 1px solid #f7931e; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f7931e;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}







.imglistz ul li{float:left; width:261px;margin-bottom:10px; padding-left:10px; padding-right:10px;}
.imglistz ul li img{max-width:261px; height:252px;border-radius:10px; }





.foot{display:none;}



.foot1{ width:90%; background:#e88900; float:left; padding:0% 0 0% 0; padding-left:5%; padding-right:5%; clear:both; color:#FFFFFF; padding-top:20px; padding-bottom:20px;}
.foot1 a{color:#FFFFFF;}

a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;}
a.zzb07link:hover {text-decoration: underline;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;}


.ewm{ display:none;}







/* 内页 */
.f_about{ background:url(/Html/images/f_about.jpg) no-repeat top center; background-size:150%; width:100%; height:100px;}
.f_pro{ background:url(/Html/images/f_pro.jpg) no-repeat top center; background-size:150%; width:100%; height:100px;}
.f_qms{ background:url(/Html/images/f_qms.jpg) no-repeat top center; background-size:150%; width:100%; height:100px;}
.f_news{ background:url(/Html/images/f_news.jpg) no-repeat top center;background-size:150%;  width:100%; height:100px;}
.f_con{ background:url(/Html/images/f_con.jpg) no-repeat top center;background-size:150%;  width:100%; height:100px;}
.f_ehs{ background:url(/Html/images/f_lab.jpg) no-repeat top center; background-size:150%; width:100%; height:100px;}
.f_ssb{ background:url(/Html/images/f_core.jpg) no-repeat top center;background-size:150%;  width:100%; height:100px;}


.location{ width:100%; padding:12px 0; clear:both; border-bottom:solid 1px #eee; font-size:15px;}
.location span{ color:#f99300;}


.inside{ width:100%; padding:50px 0 70px 0; clear:both; background:#fff; line-height:30px;}
.inside h1 {
  font-size: 20px;
  color: #000;
  position: relative;
  text-align:center;
  z-index:0;
  margin:0 auto;
  letter-spacing:2px;
  display:table;
}
.inside h1:after {
  content: "";
  height: 8px;
  position: absolute;
  bottom: -3px;
  right: 0;
  left: 0px;
  z-index: -1;
  background: #f99300;
  width: 65%;
  margin: 0 auto;
}
.inside h5{ font-weight:normal; font-size:18px; text-align:center; margin:20px 0 40px 0; color:#b1b1b1;}
.inside h5 span{ color:#f99300;}


.core_h{ height:90px;}


/* 翻页 */
.contentPage { color: #f99300; text-align:center; padding-top:30px; clear:both;}
.contentPage .zi { font-size:15px; float:none!important;}
.contentPage a { color: #f99300;  margin:0px 3px; padding:4px 7px; border: 1px solid #f99300;}
.contentPage a:hover { color:#FFF; background-color:#f99300;}
.contentPage .current { font-size: 12px; margin:0px 3px; padding:4px 7px;}



/*----内页---*/


.wenzi{text-align:center; margin:0 auto;}
.wenzi h2{ font-size:20px!important; font-weight:normal; color:#2c2c2c;  padding-bottom:10px;  background:url(/Html/images/pro.png) no-repeat top center; padding-top:0px; }
.wenzi h4{ font-size:14px!important; color:#000; font-weight:bold}
.wenzi h3{ font-size:14px!important;color:#7a7a7a; margin-top:10px; padding-bottom:10px;display:none;}
.wenzi .wline{ background:#0a8de9; height:3px; width:120px; margin:0 auto; margin-top:0px; margin-bottom:30px;}


.zzzzz1{ color:#FFFFFF}

.nymain{ width:90%; margin:0 auto; padding-top:10px; padding-bottom:10px;}

.neirong{ padding-top:0px; line-height:24px;  padding-bottom:20px; float:left; width:100%;}


.neirong2{ width:90%; float:left; border:#f2f2f2 solid 1px; padding:5%; margin-bottom:20px;line-height:24px; font-size:14px; box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1);border-radius:10px; }
.neirong2 img{ max-width:100%; height:auto}

.why{ width:100%; float:left; background:#0949b3;line-height:24px; text-align:center; font-size:14px; color:#FFFFFF; padding-top:20px; padding-bottom:20px; margin-top:0px;}
.why h3{font-size:20px!important; color:#FFFFFF; padding-bottom:20px; font-weight:900}


.timme{ font-size:14px; color:#8f8f8f; text-align:center}


.n2 { width:90%; margin:auto; border-top:#e8e8e8 solid 1px; clear:both; padding-top:10px;}
.n2 ul{ width:100%;float:left; padding-top:20px; padding-bottom:10px; }
.n2 li{ width:100%; border-bottom:#e8e8e8 solid 1px; margin-right:0px;  float:left; height:auto;  margin-bottom:10px; padding-bottom:15px;}

.n2_1{ float:left; width:25%; height:60px; margin-right:5%; border-right:#e8e8e8 solid 1px; text-align:center; font-size:14px; color:#bbbbbb; line-height:24px; font-family:Arial, Helvetica, sans-serif;}
.n2_1 h7{ font-size:20px;color:#bbbbbb}

.n2_2{ float:right; width:65%; color:#979797;}
.n2_2 h4{ font-weight:normal; font-size:14px; color:#000; padding-bottom:8px;}
.n2_2 h4 a{ color:#000;}
.n2_2 h4 a:hover{ color:#0949b3;}


.m21{background:#959595;width:100px; margin-left:0px; line-height:24px; float:left;color:#FFFFFF; text-align:center; margin-top:0px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:24px; height:24px;  color: #fff;}

.m21 a{border-radius:0px; width:100px;line-height:24px; float:left; color:#FFFFFF;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:24px; height:24px;  color: #fff;}
.m21 a:hover{ 
	background:#959595\9;color: #fff;}
	
.m21:after{content:'';position:absolute;height:100%;width:0;background:#f99300;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m21:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}



.ab111{ float:left; width:100%; padding-top:10px; padding-bottom:10px; margin-bottom:0px;}

.ab111 ul{overflow:hidden; padding-left:0%}
.ab111 ul li{display:block;float:left;}
.ab111 ul li a{float:left;text-align:center!important;line-height:30px; font-size:14px;  width:100%; }
.ab111 ul li a:hover{   float:left;}


.zz1{  color:#FFFFFF;background:#c2020c; width:48% ; line-height:20px; margin-left:2%; border-radius:5px; margin-bottom:5px;  }
.zz1 a{color:#FFFFFF ; }
.zz2{color:#fff;background:#f99300;  width:48% ;  line-height:20px; margin-left:2%; border-radius:5px;margin-bottom:5px;}
.zz2 a{color:#fff ; }



/* 简介 */
.inside_l{ width:100%; padding-top:20px; padding-bottom:20px; padding-left:0%;  padding-right:0%;float:left; background:#EBEBEB; border-radius: 10px;}
.inside_l h3 {display:none;
}
.inside_l ul li a{
    border-radius: 20px;
    width: 80%; margin-left:10%!important;
    padding: 0px 0%;
    background-color: #FFF;
    border: solid 1px #EBEBEB;
	margin:0 0 2px 0;
	display: inline-block;
	text-align: center;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.inside_l ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px;
  background:linear-gradient(90deg,#f99300,#ffb244);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.inside_l ul li a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.inside_l ul li a:hover {
  color: #fff;
}

.zz11 a{ color:#FFFFFF; background:linear-gradient(90deg,#f99300,#ffb244);}


.inside_r{ width:100%; float:right; line-height:30px; box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1); padding:0px 0% 0px 0%;border-radius: 10px; margin-bottom:20px;}

.inside_r h3{ width:100%; font-size:20px; color:#000000; padding-bottom:3px; font-weight:normal!important; text-align:center; padding-top:10px;}


.xxx{}
.xxx img{ height:auto!important; width:auto; max-width:100% }




.clearfix{ clear:both}
.contact_1_3{ width:100%;}
.contact_1_3_left{width:100%; height:auto; float:left; margin-right:3% }
.contact_1_3_left ul li strong{ color:#f99300; font-size:20px;font-weight:bold;}
.contact_1_3_left ul li p{ line-height:30px; margin-bottom:10px;}
.contact_1_3_left ul li:nth-child(2n){ float:right}
.contact_1_3_left ul li{
padding:8% 5% 5% 5%; border:1px #f0f0f0 solid; height:auto; color:#666; box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); width:90%; float:left; height:auto;}

.map{display:none; }

/*图片*/



.imglist3 ul li{text-align:center;float:left;display:inline;width:20%;overflow:hidden;background:#fff; border:1px dotted #d3d3d3; padding:1.1%; border-radius:5px; margin-bottom:25px; margin-left:1.1%; margin-right:1.1%}
.imglist3 ul li img{background:#FFF; max-width:100%; height:180px; max-height:100%;border:0px dotted #d3d3d3!important;}
.imglist3 ul li span{line-height:27px;display:block; color:#555; text-align:center; font-size:15px;}



.imglist12 ul li{text-align:center;float:left;display:inline;width:27%;overflow:hidden;background:#fff; border:1px dotted #d3d3d3; padding:1.5%; border-radius:5px; margin-bottom:25px; margin-left:1.5%; margin-right:1.5%}
.imglist12 ul li img{background:#FFF; max-width:100%; height:180px; max-height:100%;border:0px dotted #d3d3d3!important;}
.imglist12 ul li span{line-height:27px;display:block; color:#555; text-align:center; font-size:15px;}

.zu11{width:40%!important; height:240px!important; vertical-align: middle!important;border:0px dotted #d3d3d3!important;
display:table-cell!important; overflow:hidden;}
.zu11 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;object-fit: cover;}
.zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}



.imglist2 ul li{float:left;display:inline;width:100%;  border-bottom:1px dotted #d3d3d3;  margin-bottom:25px; padding-bottom:25px;}
.imglist2 ul li img{ max-width:250px; max-height:200px; float:left; margin-right:20px;}
.vp{ width:500px; float:right;}
.vp h4{ width:100%; float:left; font-size:22px; color:#000000; padding-bottom:15px;}





.xt1 ul li{float:left;display:inline;width:33%; }




.ggmain{ width:1200px; margin:auto; }


.detaildiv1
{ width:500px;float:right;  font-size:17px; line-height:30px;margin-top:30px; margin-bottom:50px;
}
.detaildiv
{ width:600px; height:auto;  float:left;  font-size:16px; line-height:27px; margin-top:30px;  border-right:#ededed solid 1px;
}
.detaildiv h3
{ font-size:35px; color:#000000;
    font-weight:normal; padding-bottom:20px;
}
.detaildiv h4
{font-size: 25px;
color:#015198; margin-bottom: 20px;
}




.cbc{ color:#000000; text-decoration:underline; float:left; width:510px;}
.cbc1{float:left; width:510px;}

.mm11 {
	line-height: 35px; float:left;

	text-align: center;
	width:150px;
	margin-top: 0px; font-style:normal; margin-right:10px;
} 

.mm11 a{ margin-bottom:20px;
	line-height: 35px; float:left;
	color: #fff;
	background:#b1b1b1;
	text-align: center;
	width:150px;
font-style:normal; margin-right:500px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
} 

.mm11 a:hover{
	line-height: 35px; float:left;
	color: #fff;
	background:#015198;
	text-align: center;
	width:150px;
 font-style:normal; margin-right:500px; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s; transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);} 





.pnpage{ width:100%; float:left; padding-bottom:0px; padding-top:40px; margin-top:20px; border-top:#e4e4e4 solid 1px; font-size:15px;}
.pnpage1{ width:40%; float:left; text-align:left;}
.pnpage2{ width:40%; float:right; text-align:right}
.pnpage3{ width:20%; float:left; text-align:center;}


/*------------公司---------*/


/*内页人才招聘*/
.job{ background:url(/Html/images/job.jpg) no-repeat top left; width:100%; height:370px; color:#FFFFFF; font-size:15px;font-size:16px}
.job a{ color:#fff;}
.job h4{ font-size:45px; font-weight:normal; padding-top:50px; line-height:80px; padding-bottom:15px; margin:0px;}
.job h4 span{ font-size:20px;  font-weight:normal; }

.jobt-t{ font-size:15px; font-weight:bold; color:#f99300; margin-bottom:10px; width:100%; margin-top:10px; }
.jobt-list li {display:none; }

.wsjob{ width:60%; float:right; clear:both; padding-right:20px;}





/*悬浮链接*/
.suspension{position:fixed;z-index:555555;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/Html/images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/Html/images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/Html/images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/Html/images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0;}
.suspension .d-qrcode{top:34px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/Html/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/Html/images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(/Html/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




/*内页新闻*/
.ny_news {margin-bottom: 25px;border-bottom: 1px solid #ddd;padding-bottom: 15px;padding-top: 15px; margin-top:10px;}
.ny_news_time {width: 90px;height:50px;background: #f99300;color: #fff;text-align: center;}
.ny_news_time h2 {font-size: 20px;padding-top: 7px; line-height:17px;}
.ny_news_time h3 {font-size: 14px;}
.ny_news_txt {width: 750px;padding-left: 24px;border-left: 1px solid #e6e6e6;margin-left: 21px; line-height:45px;}
.ny_news_txt a{ color:#000; font-size:18px;}
.ny_news_txt p a{ color:#f99300; font-size:15px;}
.ny_news_more {width: 170px;height: 35px;background:#f99300;color:#fff; text-align: center;line-height: 35px;margin-right: 30px; margin-top: 10px;}
.ny_news_txt p {color: #7f7f7f;line-height: 22px;padding-top: 12px;}
.ny_news_more:hover{background:#f99300;color:#fff}
.ny_news_more:hover a{color:#fff;}
.ny_news:hover{background:#f7f7f7}
.ny_news_txt a{ color:#000; font-size:18px;-webkit-transition: padding-left .8s;-moz-transition: padding-left .8s;-o-transition: padding-left .8s;}
.ny_news_txt a:hover{padding-left:0px; color:#f99300}
.fanhui{ width:100%; margin:0 auto; line-height:60px; margin-top:50px; height:60px;}
.fanhui ul li{ float:left; width:33%;background:#f2f2f2; height:60px; line-height:60px; }
.fanhui ul li:nth-child(2n) {background: #e8e8e8; text-align:center}
.fanhui ul li:nth-child(2n) a{ color:#333; text-align:center; }
.fanhui ul li span{padding-left:20px; padding-right:20px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;}
.xiangxi h2{ text-align:center; margin:0 auto; color:#333}
.xiangxi .shijian{ text-align:center; margin:0 auto}



.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #8b8b8b; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #8b8b8b; text-decoration: none;margin:0px 3px; padding:4px 7px; border: 1px solid #8b8b8b; font-weight: normal;}
.contentPage a:visited {color: #8b8b8b; text-decoration: none;  margin:0px 3px; border: 1px solid #8b8b8b; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; text-decoration: none; padding:4px 7px; background-color:#8b8b8b;font-weight:normal;}
.contentPage .current{color:#8b8b8b; text-decoration: none;  margin: 0px; border:0px solid #8b8b8b; padding:4px 7px; font-weight: normal;}
.contentPage .zi{  float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.mobile_lianxi{ display:none}

.df{ display:none}
.df1{ display:block;}

}


<!--0.00016903877258301-->